<!DOCTYPE html>
<!-- saved from url=(0073)file:///D:/git/xiaomifeng/src/main/webapp/WEB-INF/statics/html/login.html -->
<html lang="en" class="pixel-ratio-1"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>创建密码实体 - 小秘疯</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./passwordcreate_files/weui.min.css">
    <link rel="stylesheet" href="./passwordcreate_files/jquery-weui.min.css">

    <style>
        body{

            /*background-image: linear-gradient(to bottom,#060329,#060329);*/
            background-position: top;

            /*background-image: url(\static\src\page_back.png);*/
        }
        .body_bg{
            width: 100%;

            background-size: 100% 100%;
            position: fixed;
            height:100%;
            bottom: 0;
            z-index:-1;
        }


        .back{
            width: 100%;
            height: 100%;
            border : 0;
            background-color: rgba(0,0,0,0);
        }
        .logo{
            padding-bottom: 0px;

            margin: 0 auto;
            text-align: center;
            height:0;
            background: transparent;
        }
        .logo img{
            margin-top: -80px;
            height:170px;
            background: transparent;
            opacity: 0.9;
        }
        .logo p{
            margin-top: 5px;
            font-size: 12px;
            line-height: 10px;
        }
        .weui-cells{
            margin-top:10px;
            border-radius: 15px 15px 15px 15px;
            width:90%;
            margin: 0 auto;
            position:static;
            font-size: 16px;
            padding-bottom: 10px;
            z-index:1;
        }
        .icon_bg{
            float: right;
            height:35px;
            width:35px;
            background:url(/static/src/back.png) no-repeat;
            position: relative;
            bottom: 35px;
        }
        .weui-cells_b{
            margin-top:20px;
            height:15px;
            border-radius: 0px 0px 15px 15px ;
            width:84%;
            margin: 0 auto;
            opacity:0.8;
            background-color: rgba(255, 255, 255, 0.63);
        }
        .panel{

            border-radius: 15px 15px 0px 0px;
            width:85%;
            margin: 0 auto;
            background-color:rgba(209,251,250,0.4);

        }
        .panel .title{
            padding-top:20px;
            padding-left:20px;
            font-size: 16px;
            color:#fff;
        }
        .panel .content{
            color: #e1fffb;
            font-size:14px;
            padding-top:10px;
            padding-left:20px;
            padding-right:10px;
            font-weight: lighter;
        }
        .weui-cells p{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cells p a{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cell{
            position:static;
        }
        .weui-label{
            width:80px;
            text-align: center;
        }
        .weui-btn_primary{
            width:60%;
            border-radius:20px 20px 20px 20px;
            background-image: linear-gradient(270deg,#bb4cf6,#6985f3,#12aaf1);
            height:40px;
            line-height: 40px;
            border:0;
            position:static;

        }
        .lable{
            padding-top: 10px;
            width:100%;
            text-align: center;
            font-size: 150%;
        }
        .line{
            width: 96.5%;
            height: 2px;
            background-image: linear-gradient(to bottom right,#F5F4F7,#F5F4F7);
            margin: 0 auto;
            margin-top:10px;
            margin-bottom:10px;
        }
        .weui-footer{
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
        }
        .weui-vcode-img{
            height: 35px;
        }
        .weui-vcode-btn{
            margin-top: 10px;
            border:0.5px solid;
            border-radius:20px 20px 20px 20px;
            line-height: 25px;
            font-size: 13px;
            height : 28px;
            margin-right: 30px;
            color: #fff;
            background-color: #21E5C2;
        }
        input::-webkit-input-placeholder {
            color: #cbcdcd;/*d8d9d9*/
        }
        .weui-btn:after{
            width:auto;
            height:auto;
        }
        #login_2{
            position: relative;
            margin-top: 20px;
            border-radius:20px 20px 20px 20px;
            line-height: 25px;
            font-size: 18px;
            height : 40px;
            margin: 0 auto;
            border-width: 1.5px;
            border: 1.5px solid #6985F3;
            border-color: #6985F3;
            color:#6985F3;
            width: 60%;
            text-align: center;
        }


        .weui-label{
            color:#2A2367;
        }
        .body_bg{
            width: 100%;

            background-size: 100% 100%;
            position: fixed;
            height:100%;
            bottom: 0;
            z-index:-1;
        }
        .weui-cell:before{
            border-top:none;
            content:"";
        }
        .weui-cells:after, .weui-cells:before{
            border-top:none;
        }
        .weui-cells:before{
            border-top:none;
            content:"";
        }
        .weui-cells:after{
            border-bottom:none;
            content:"";
        }
        .weui-cells:after, .weui-cells:before{
            border-bottom:none;
            content:"";
        }

        .phone{
            border: 0;
            color: #fff;
            background: transparent;
            font-size: 17px;
            border-bottom: 1px #FFFFFF solid;
            padding-bottom: 10px;
            width: 90%;
            border-radius: 0;
        }
        .weui-toptips{
            width: auto;
            right:auto;
            margin: auto;
            text-align: center;
            left:auto;
            top:auto;
            bottom: auto;
        }
        .mint-toast {
            min-width: 2rem;
            height: .66rem;
            padding: 0 5px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;

        }
        .mint-toast {
            position: fixed;
            max-width: 80%;
            border-radius: .05rem;
            background: rgba(0,0,0,.7);
            color: #fff;
            box-sizing: border-box;
            text-align: center;
            z-index: 1000;
            transition: opacity .3s linear;
            border-radius: 5px;
        }
        .mint-toast.is-placemiddle {
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }
        .mint-toast-text {
            font-size: .14rem;
            display: block;
            text-align: center
        }
        .mint-toast .mint-toast-text {
            font-size: 14px;
            white-space: nowrap;
        }
    </style>
</head>
<body>





<!--<div id="back" class="back" style="width: 1880px; height: 886px;">-->
    <!--<div style="-->
    <!--background: url(&#39;&#39;);/*/static/0070TVaqly1frflp3owizj30m809ntat.jpg*/-->
    <!--background-size:100% auto;-->
    <!--background-repeat:no-repeat;-->
    <!--width: 100%;-->
    <!--height:300px;-->
    <!--position: fixed;-->
    <!--z-index:-1;-->
    <!--">-->

    <!--</div>-->
    <!--&lt;!&ndash;头图&ndash;&gt;-->
    <!--<div style="background-image: url(http://p1es6zzx0.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20180611162259.png);-->
                <!--position: fixed;-->
                <!--top: 0;-->
                <!--background-size:100% auto;-->
                <!--background-repeat:no-repeat;-->
                <!--width: 100%;-->
                <!--height:100%;-->
                <!--z-index: -2;-->
    <!--">-->
        <!--&lt;!&ndash;背景颜色&ndash;&gt;-->
    <!--</div>-->


    <div style="height: 4.5%;"></div>

    <div style="text-align: center"></div>



    <div class="weui-cells weui-cells_form" style="margin-top: 20px">

        <div style="text-align: center;margin-top: 30px">
            <img style="width: 40%" src="./passwordcreate_files/EOHsymbol.png">
            <p style="font-weight:100;width: 100%;font-size: 13px;text-align: center;margin-top: 10px">小秘疯-可能是世界上最牛的密码管理平台            </p>
        </div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell" style="margin-top:20px;">
                <div class="weui-cell__hd"><label class="weui-label">网站名称</label></div>
                <div class="weui-cell__bd">
                    <input id="webSiteName" class="weui-input" type="text" placeholder="请输入网站名称">
                </div>
            </div>

            <div class="weui-cell" style="margin-top:20px;">
                <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
                <div class="weui-cell__bd">
                    <input id="phone" class="weui-input" type="text" placeholder="请输入手机号">
                </div>
            </div>

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">密&nbsp;&nbsp;&nbsp;码</label></div>
                <div class="weui-cell__bd">
                    <input id="password" class="weui-input" type="text" placeholder="请输入密码">
                </div>
            </div>

            <br>

            <a onclick="passwordcreate()" id="passwordcreatebtn" href="javascript:;" class="weui-btn weui-btn_primary">保&nbsp;&nbsp;&nbsp;存</a>
            <div class="line"></div>
            <br><p></p>
        </div>
        <div class="body_bg" style="border: 0">

        </div>
    </div>
    <div class="weui-cells_b weui-cells_form" style="">
    </div>

    <div class="weui-footer weui-footer_fixed-bottom">
        <div style="position: static;
                        margin-left: -0.2rem;
                        margin-top: 0.2rem;
                        z-index: 99;opacity: 1;text-align: center;    padding-left: 0.5rem;
                        margin-bottom: 0.25rem">
            <img style="width: 55%" src="./passwordcreate_files/EOHUnion.png">
        </div>

        <p style="height: 10px"></p>
    </div>
    <div class="mint-toast is-placemiddle" style="padding: 16px;display: none;opacity: 0;">
        <span class="mint-toast-text" style="padding-top: 0px;"></span>
    </div>

    <script src="./passwordcreate_files/jquery.min.js"></script>
    <script src="./passwordcreate_files/jquery-weui.min.js"></script>
    <script src="./passwordcreate_files/passwordcreate.js?v=201807011"></script>
    <script>
        var width = window.innerWidth;
        var height = window.innerHeight;
        var tip_anmi = false;
        $(".back").css("width",width);
        $(".back").css("height",height);

        function tip(str,time,type){
            $(".mint-toast-text").text(str);
            if(!tip_anmi){
                tip_anmi = true;
                $(".mint-toast").show();
                $(".mint-toast").css('opacity',1);
                setTimeout(function(){
                    $(".mint-toast").css('opacity',0);
                    setTimeout(function(){
                        $(".mint-toast").hide();
                        tip_anmi = false;
                    },300);
                },time)
            }
        }
    </script>

</div></body></html>